<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        #div1{
            width: 100%;
            height: 40px;
            background-color: #d19cff;
        }

        #div1_1{
            float: left;
            color: white;
            font-size: 10px;
            margin-left: 20px;
            line-height: 40px;
        }
        #div1_2{
            float: left;
            color: white;
            line-height: 40px;
            margin-left: 20px;
        }
        #div1_3{
            float: left;
            color: white;
            line-height: 40px;
            margin-left: 20px;
        }
        #div1_4{
            float: left;
            color: white;
            line-height: 40px;
            margin-left: 20px;
        }

        #div1_5{
            float: right;
            color: white;
            line-height: 40px;
            margin-right: 10px;
        }
        #div1_6{
            float: right;
            color: white;
            line-height: 40px;
            margin-right: 10px;
        }
        #div1_7{
            float: right;
            color: white;
            line-height: 40px;
            margin-right: 10px;
        }
        #div1_8{
            float: right;
            color: white;
            line-height: 40px;
            margin-right: 10px;
        }
        #div1_9{
            float: right;
            color: white;
            line-height: 40px;
            margin-right: 10px;
        }
        #div1_10{
            float: right;
            color: white;
            line-height: 40px;
            margin-right: 10px;
        }
        #div1_11{
            float: right;
            color: #00BFFF;
            line-height: 40px;
            margin-right: 10px;
        }
        #div1_12{
            float: right;
            color: #00BFFF;
            line-height: 40px;
            margin-right: 10px;
        }
    </style>
</head>
<div id="div1">

    <div id="div1_1"  >装机必备</div>
    <div id="div1_2">提交应用</div>
    <div id="div1_3">RSS订阅</div>
    <div id="div1_4">留言反馈</div>
    <div id="div1_5">自动</div>
    <div id="div1_6">暗黑</div>
    <div id="div1_7">深邃</div>
    <div id="div1_8">海天</div>
    <div id="div1_9">护眼</div>
    <div id="div1_10">复古</div>
    <div id="div1_11">明亮</div>
    <div id="div1_12">动画</div>

</div>
<body>

</body>
</html>